<script setup>

import { reactive, ref } from 'vue'

const checkList = ref(['Value A'])
const form=reactive({
    cost:'20',
}
)
</script>
<template>
    <div class="a">
        <h3>登录方式</h3>
        <el-checkbox-group  v-model="checkList">
            <el-checkbox label="密码房间" value="Value A" />
            <el-checkbox label="门票房间" value="Value B" />
            <el-checkbox label="计时房间" value="Value C" />
        </el-checkbox-group>
    </div>
    <el-form-item label="计时直播收费" size="2px">
        <el-input v-model="form.cost"   />
        <h3>计时直播收费，价格梯度用，分割 例:1,2,3</h3>
    </el-form-item>
    <el-button type="info" plain>保存</el-button>
</template>
<style scoped>
.a{
    display: flex;
}
.a h3{
    font-size: 14px;
    margin-right: 15px;
    margin-top: 6px;
}
.el-button{
    margin-left: 105px;
    margin-top: 8PX;
    color:#123;
}
.el-form-item h3{
    font-size: 14px;
    color:#999;
}
</style>